<template>
    <h1>用户登录</h1>
    <el-row :gutter="20">
      <el-col :span="5"><div class="grid-content ep-bg-purple"></div></el-col>
      <el-col :span="10">
        <el-form :model="form" label-width="120px">
          <el-form-item label="用户名">
            <el-input v-model="user.username" />
          </el-form-item>
          <el-form-item label="密码">
            <el-input v-model="user.password" />
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="login">登录</el-button>
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="5"><div class="grid-content ep-bg-purple"></div></el-col>
    </el-row>
  </template>
  
  <script>
  /* eslint-disable */
  // 单独引入ElMessageBox
  import { ElMessageBox } from 'element-plus'
  import axios from 'axios'
  
  export default {
    name: 'login',
    data(){
      return  {
        user: {
          username: 'root',
          password: '123456'
        }
      }
    },
    methods: {
      login() {
        //使用axios进行数据提交
  
          //ElMessageBox.alert('登录成功！', '信息');

          console.log("user.username : " + this.user.username);

          console.log("user.password : " + this.user.password);

          axios.get("http://127.0.0.1:8010/test")
          .then(( {data} )=>{
            console.log("==data==");
            console.log(data);

            this.$router.push("/main");
            alert();
          })
          .catch((error)=>{
            console.log(error);
          })

          // axios.get("http://127.0.0.1:8001/provider/testone?username=" + this.user.username + "&password=" + this.user.password)
          // .then(( {data} )=>{
          //   console.log("==data==");
          //   console.log(data);
          // })
          // .catch((error)=>{
          //   console.log(error);
          // })

          // axios.get("http://127.0.0.1:8001/provider/testone?username=" + this.user.username + "&password=" + this.user.password).then(
          //     (res) => {
          //         console.log("==res==");
          //         //执行成功后代码处理
          //         console.log(res);
          //         console.log(res.status);
          //         console.log(res.data);
          //     }
          // )

          // axios({
          //     method: 'get',//请求方法
          //     url: "http://127.0.0.1:8001/provider/testone?username=" + this.user.username + "&password=" + this.user.password,
          // }).then(res => {
          //     //执行成功后代码处理
          //     console.log("==res==");
          //     //执行成功后代码处理
          //     console.log(res);
          //     console.log(res.status);
          //     console.log(res.data);
          // })

          // axios.get("http://127.0.0.1:8001/provider/test/123").then(
          //     (res) => {
          //         console.log("==res==");
          //         //执行成功后代码处理
          //         console.log(res);
          //         console.log(res.status);
          //         console.log(res.data);
          //     }
          // )

          // let data={
          //     "username": 'abcd',
          //     "password": 'ewqrwer'
          // }
          // axios.post('http://127.0.0.1:8001/provider/testpostone', data).then(
          //     (res) => {
          //         console.log(res);
          //     }
          // )

          // let data={
          //     "username": 'abcd',
          //     "password": 'ewqrwer'
          // }
          // axios.delete('http://127.0.0.1:8001/provider/testdelete/123', data).then(
          //     (res) => {
          //       console.log(res);
          //         //执行成功后代码处理
          //     }
          // )



          


  
          //this.$router.push("/main");
      }
    }
  }
  </script>
  
  <style>
  </style>
  